<!--
 * @Author: your name
 * @Date: 2021-06-20 13:09:16
 * @LastEditTime: 2021-06-20 14:19:49
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: \mu-gridsome\src\pages\Index.vue
-->
<template>
    <Layout>

        <!-- Learn how to use images here: https://gridsome.org/docs/images -->
        <g-image alt="Example image" src="~/favicon.png" width="135" />

        <h1>Hello, world!</h1>

        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur excepturi labore tempore expedita, et iste tenetur suscipit explicabo! Dolores, aperiam non officia eos quod asperiores
        </p>

        <p class="home-links">
            <a href="https://gridsome.org/docs/" target="_blank" rel="noopener">Gridsome Docs</a>
            <a href="https://github.com/gridsome/gridsome" target="_blank" rel="noopener">GitHub</a>
        </p>

    </Layout>
</template>

<script>
    export default {
        metaInfo: {
            title: '你好世界'
        }
    }
</script>

<style>
    .home-links a {
        margin-right: 1rem;
    }
</style>